<script setup lang="ts">
// import { ref } from'vue'
// import HelloWorld from './components/HelloWorld.vue'
// import { GETsss, GET_USER_INFO } from "../src/service/apis/apis";

// import Axios from "axios";



// import { sseService,SSEChatParams } from "../src/assets/utils/sse";
import { RouterView } from 'vue-router';
// import EventSource from 'eventsource'
// import { fetchEventSource } from '@microsoft/fetch-event-source'

// let evtSource = new EventSource(`https://192.168.0.2:4433/events?id = adskjadksa` );
// const urls = ref('https://192.168.0.2:4433/events?id=dskjadksa')
// function onLogIn() {

//   // let p = {
//   //   username: "张三123",
//   //   password: "zxc"
//   // }

// //   GET_USER_INFO().then((res: any) => {

// //     // router.push("/bigScreen/comprehensiveSituation");

// //   }).catch((err) => {

// //     // ElMessage.warning(err.msg);
// //   });

// //   GETsss().then((res: any) => {

// //     // router.push("/bigScreen/comprehensiveSituation");

// //   }).catch((err) => {

// //     // ElMessage.warning(err.msg);
// //   });


// //   Axios.get('https://192.168.0.2:4433/events', {
// //     params: {
// //       // ID: 12345
// //     }
// //   })
// //     .then(function (response) {
// //       console.log(response);
// //     })
// //     .catch(function (error) {
// //       console.log(error);
// //     });
// }
// function onEnvs() {
//   console.log(sseService);

//   const onopen = () => {
//     console.log("建立无敌 sse 连接成功")
//   }
//   // 建立连接
//   let sseChatParams: SSEChatParams = {
//     onopen,
//     url: urls.value,
//     onmessage: (event: MessageEvent) => {
//       // 收到消息
//       console.log('收到消息xsssx：', event.data);
//       // let chunk = event.data;
//       // if (chunk === '[DONE]') {
//       //   sseService.disconnect()
//       //   state.imageList = []
//       //   chatGuide(chatStore.activeChatId).then(resp => {
//       //     chatGuideList.value = resp.data.guideList
//       //     scrollViewBottom()
//       //   })
//       //   return
//       // }
//       // chunk = JSON.parse(chunk)
//       // if (chunk.type === 'error') {
//       //   errorText = chunk.content
//       //   console.log("errorText", errorText);
//       //   updateChatData(errorText)
//       //   return;
//       // }
//       // chunk = chunk.content;
//       // if (!chunk) {
//       //   return;
//       // }
//       // lastText = lastText + chunk
//       // // 更新聊天数据源中的对话
//       // updateChatData(lastText)
//     },
//     finallyHandler: () => {
//       console.log("finallyHandler操作")
//       // sessionStatus.value = 0
//       // inputDisabled.value = false
//       // dataSources.value[dataSources.value.length - 1].loading = false
//       // loading.value = false
//       // if (!isMobile.value) {
//       //   // 聚焦输入框
//       //   inputRef.value?.focus()
//       // }
//     }
//   };
//   sseService.connect(sseChatParams)


// }



// const streams =ref()
// const videoRef:any =ref(null)
// const canvasRef:any =ref(null)

// const myConstraints = ref({
//     video: {
//       facingMode: "user", // 优先调用前置摄像头
//     },
// })


// // 开启摄像
// function open () {
//     navigator.mediaDevices.getUserMedia({video: true}).then(
//       (stream) => {
//         streams.value = stream
//         videoRef.value.srcObject = stream;
//         //播放视频
//         videoRef.value.play();
//         // 关闭摄像
        
//       },
//       (error) => {
//         console.error(error.name || error);
//       }
//     );
// };
// function close () {
//   streams.value.getTracks().forEach((track:any) => track.stop());
// };

const handleShoot = () =>  {
  if (!videoRef.value || !canvasRef.value) return;
 
  // 设置canvas画布  
  const canvas = document.createElement("canvas");
  canvas.width = videoRef.value.videoWidth;
  canvas.height = videoRef.value.videoHeight;
  // 获取canvas上下文对象
  const ctx = canvasRef.value.getContext("2d");
  // 截图操作
  ctx?.drawImage(videoRef.value, 0, 0, canvas.width, canvas.height);
  // 展示截图  
  canvasRef.value.appendChild(canvas);
}



// function jiekou() {
//     Axios.get('http://192.168.0.181:8080/user/list', {
//     params: {
//       // ID: 12345
//     }
//   })
//     .then(function (response) {
//       console.log(response);
//     })
//     .catch(function (error) {
//       console.log(error);
//     });
// }
</script>

<template>
  <!-- <div>
    <button id="btn1" @click="open" >开启摄像头</button>
    <button id="btn2" @click="close">关闭摄像头</button>
    <button id="btn2" @click="handleShoot">拍照</button>
    <video id="video" ref="videoRef" controls width="100%" height="700px"></video>


    <canvas ref="canvasRef"  width="400px" height="400px"></canvas>




    
    <button @click="onEnvs()">yyy</button>

    <button @click="onLogIn()">对对对</button>
    <button @click="jiekou">pppp</button>


  
    <a href="https://vitejs.dev" target="_blank">
      <img src="/vite.svg" class="logo" alt="Vite logo" />
    </a>
    <a href="https://vuejs.org/" target="_blank">
      <img src="./assets/vue.svg" class="logo vue" alt="Vue logo" />
    </a>
  </div>
  <HelloWorld msg="Vite + Vue" /> -->
  <router-view></router-view>

</template>

<style scoped>
.logo {
  height: 6em;
  padding: 1.5em;
  will-change: filter;
  transition: filter 300ms;
}

.logo:hover {
  filter: drop-shadow(0 0 2em #646cffaa);
}

.logo.vue:hover {
  filter: drop-shadow(0 0 2em #42b883aa);
}
</style>
